<template>
	<view>
		<view class="logo">
			<!-- <image class="bg" src="/static/my_bg.png"></image> -->
			<view class="img"> 
				<image :src="myconfig.logo" mode="widthFix"></image>
				<view class="text-center uni-h2">{{myconfig.name}}</view>
			</view>
		</view>
		<view class="grid col-2 padding-sm">
			<!--<view class="padding-sm">
				<view class="bg-gradual-red padding radius text-center shadow-blur">
					<view class="text-lg">魅红</view>
					<view class="margin-top-sm text-Abc">#f43f3b - #ec008c</view>
				</view>
			</view>
			<view class="padding-sm">
				<view class="bg-gradual-orange padding radius text-center shadow-blur">
					<view class="text-lg">鎏金</view>
					<view class="margin-top-sm text-Abc">#ff9700 - #ed1c24</view>
				</view>
			</view>
			 <view class="padding-sm">
				<view class="bg-gradual-yellow padding radius text-center shadow-blur">
					<view class="text-lg">翠柳</view>
					<view class="margin-top-sm text-Abc">#39b54a - #8dc63f</view>
				</view>
			</view>-->
			<view class="padding-sm" v-if="myconfig.base_reg_mobile==1">
				<view class="bg-gradual-blue padding radius text-center shadow-blur" @tap="noto('/pages/public/registe')">
					<view class="text-lg">{{i18n.login.regmobile}}</view>
					<view class="margin-top-sm text-Abc">-></view>
				</view>
			</view>
			<view class="padding-sm" v-if="myconfig.base_reg_email==1">
				<view class="bg-gradual-purple padding radius text-center shadow-blur" @tap="noto('/pages/public/email')">
					<view class="text-lg">{{i18n.login.regemail}}</view>
					<view class="margin-top-sm text-Abc">-></view>
				</view>
			</view>
			<!-- <view class="padding-sm">
				<view class="bg-gradual-pink padding radius text-center shadow-blur">
					<view class="text-lg">霞彩</view>
					<view class="margin-top-sm text-Abc">#ec008c - #6739b6</view>
				</view>
			</view> -->
		</view>
		  
	</view>
</template>

<script>
	import {
		mapState,
		mapActions
	} from 'vuex';
	 
	export default {
		data() {
			return {

			}
		},  
		onShow(){ 
			 this.myConfig().catch(e => {})
		},
		computed: {
			i18n() {
				return this.$t('message');
			},
			...mapState({ 
				myconfig: state => state.user.myconfig
			}),
		},
		methods: {
		    ...mapActions(['myConfig']),
			noto(url){
				uni.navigateTo({
					url: url
				})
			}

		},

	}
</script>

<style lang="scss">
	@import "../../static/css/login.scss";
</style>
